/*----general style sheet begin--------  */

*					{
		margin:0;
		padding:0;
}


html				{
		margin:0;
		padding:0;		
}

body				{
		margin:0;
		padding:0;
		background-color:#e7e9e9;
		background-image:url(../images/stipAtas.png);
		background-position:top left;
		background-repeat:repeat-x;
		font-size:15px;
}

h2 a {color:#BF3120;}

img {border:none;}

				/*----------------wrapper----------------------------*/
#wrapper		{
		width:1000px;
		margin:0 auto;
}
				/*---------------------top------------------------*/
#top			{
		width:1000px;
		height:87px;
}
				/*----------------------top logo---------------------------*/
#top .moduletablelogo {
float:left;
}
				/*------------------top twitter facebook------------------*/
#top .moduletabletwitter {
float:right;
}
				/*----------------------top email------------------------*/
#top .moduletableemail {
width:300px;
height:87px;
float:right;
color:#747676;
font-family:Roboto, georgia, serif;
position:relative;
bottom:15px;
}

#top .moduletableemail p {
position:relative;
top:18px;
right:10px;
}

#top .moduletableemail p a {
color:#747676;
}
				
				/*-------------------ym online support---------------------------*/
#top .moduletableym {
width:137px;
float:left;
position:relative;
top:50px;
left:354px;
}

				/*--------------animasi - parallax effect-----menu------------------*/
#animasi .moduletableanimasi			{
width:1000px;
height:383px;
}

#parallax {
	position:absolute; 
	overflow:hidden;
	width:1000px; 
	height:383px; 
}


			/*-------------menu------------------------*/
#parallax  div a#myHome {
	position:absolute; top:210px; right:569px;
	font-family:Roboto,georgia, serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	}
	
#parallax  div a:hover#myHome {
color:#FFF;
}

#parallax  div a#myAbout {
	position:absolute; top:193px; right:462px;
	font-family:Roboto,georgia, serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	}
	
#parallax  div a:hover#myAbout {
color:#9af8d3;
}

#parallax  div a#myKurikulum {
	position:absolute; top:200px; right:444px;
	font-family:Roboto,georgia, serif;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	}
	
#parallax  div a:hover#myKurikulum {
color:#9af8d3;
}

#parallax  div a#myDaftar {
	position:absolute; top:45px; right:440px;
	font-family:Roboto,georgia, serif;
	font-size:22px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	text-align:center;
	}
	
#parallax  div a:hover#myDaftar {
color:#fa9e93;
}

#parallax  div a#myUpdate{
	position:absolute; top:65px; right:432px;
	font-family:Roboto,georgia, serif;
	font-size:19px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	text-align:center;
	}
	
#parallax  div a:hover#myUpdate {
color:#fa9e93;
}




#parallax  div a#myMember {
	position:absolute; top:110px; right:61px;
	font-family:Roboto, georgia, serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	text-align:center;
	}
	
#parallax  div a:hover#myMember {
color:#f5fe05;
}

#parallax  div a#myInstruktur {
	position:absolute; top:120px; right:51px;
	font-family:Roboto, georgia, serif;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	color:white;
	text-align:center;
	}
	
#parallax  div a:hover#myInstruktur {
color:#f5fe05;
}



#parallax  div a#mySistem {
	position:absolute; top:95px; right:215px;
	font-family:Roboto, georgia, serif;
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	color:#515353;
	text-align:center;
	}
	
#parallax  div a:hover#mySistem {
color:#bf3120;
}

#parallax  div a#myforum{
	position:absolute; top:110px; right:255px;
	font-family:Roboto, georgia, serif;
	font-size:26px;
	font-weight:bold;
	text-decoration:none;
	color:#515353;
	text-align:center;
	}
	
#parallax  div a:hover#myforum{
color:#bf3120;
}

						/*-------------welcome message--------------------*/
#welcome .moduletablewelcome {
width:1000px;
height:220px;
background:url(../images/mainback.png) no-repeat;
}

#welcome .moduletablewelcome h2 {
font-family:Roboto, georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletablewelcome p {
font-family:Roboto, georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
font-size:15px;
line-height:23px;
text-align:left;
}

.featureCarousel {
  width:1000px;
  height: 360px;
  }

							/*------------system and curriculum  banner -------------*/
#welcome .moduletablesystem {
width:1000px;
height:220px;
background:url(../images/systemback.png) no-repeat;
}

#welcome .moduletablesystem h2 {
font-family:Roboto, georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletablesystem p {
font-family:Roboto, georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:145px;
font-size:17px;
}

#welcome .moduletablesystem p  a {
color:#bf3120;
}

						/*----------------------------module cara daftar banner-----------------*/
#welcome .moduletabledaftar{
width:1000px;
height:220px;
background:url(../images/daftarback.png) no-repeat;
}

#welcome .moduletabledaftar h2 {
font-family:Roboto, georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletabledaftar p {
font-family:Roboto, georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
font-size:17px;
}

#welcome .moduletabledaftar p  a {
color:#bf3120;
}

							/*---------------------------member area modul banner-----------------*/
#welcome .moduletablearea{
width:1000px;
height:220px;
background-image:url(../images/memberback.png);
}

#welcome .moduletablearea h2 {
font-family:Roboto, georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletablearea p {
font-family:Roboto, georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
top:20px;
font-size:17px;
}

#welcome .moduletablearea p  a {
color:#bf3120;
}

/*---------------------------about us modul banner-----------------*/
#welcome .moduletableaboutus{
width:1000px;
height:220px;
background:url(../images/aboutback.png) no-repeat;
}

#welcome .moduletableaboutus h2 {
font-family: Roboto,georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletableaboutus p {
font-family: Roboto,georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
top:20px;
font-size:17px;
}

#welcome .moduletableaboutus p  a {
color:#bf3120;
}

/*---------------------------afiliasi modul banner-----------------*/
#welcome .moduletableafiliasi{
width:1000px;
height:220px;
background-image:url(../images/afiliasiback.png);
}

#welcome .moduletableafiliasi h2 {
font-family: Roboto, georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletableafiliasi p {
font-family: Roboto,georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
top:20px;
font-size:17px;
}

#welcome .moduletableafiliasi p  a {
color:#bf3120;
}

/*---------------------------download area modul banner-----------------*/
#welcome .moduletabledownload{
width:1000px;
height:220px;
background-image:url(../images/downloadback.png);
}

#welcome .moduletabledownload h2 {
font-family: Roboto,georgia, serif;
color:#302f2f;
font-size:20px;
position:relative;
left:20px;
top:10px;
}

#welcome .moduletabledownload p {
font-family: Roboto,georgia, serif;
width:850px;
color:#302f2f;
position:relative;
left:130px;
top:20px;
font-size:17px;
}

#welcome .moduletabledownload p  a {
color:#bf3120;
}



							/*-------------------left-----------------------*/
#left {
max-width:300px;
float:left;

}

						/*---------- login------------------------*/
#left .moduletablelogin {
width:300px;
height:87px;
float:left;
color:#353434;
font-family: Roboto,verdana, georgia, serif;
position:relative;
top:13px;
margin-bottom:20px;

}


#left .moduletablelogin form.log p input.button {
border:none;
background-color:green;
color:white;
width:120px;
position:relative;
top:10px;
}

							/*--------------------more menu-------------------------*/
#left .moduletablemoremenu  h3 {
font-family: Roboto,verdana;
color:#302f2f;
font-weight:normal;
}

#left .moduletablemoremenu ul {
list-style-type:none;
}

#left .moduletablemoremenu ul  li {
font-family: Roboto,verdana;
font-size:15px;
margin-top:5px;
background-image:url(../images/listback.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:35px;
height:23px;
}

#left .moduletablemoremenu ul  li  a {
text-decoration:none;
color:#302f2f;
}

#left .moduletablemoremenu ul  li  a:hover {
text-decoration:underline;
}

					/*----------------member menu secure--------------------*/
#left .moduletablemembersecure  h3 {
font-family: Roboto,verdana;
color:#302f2f;
font-weight:normal;
}

#left .moduletablemembersecure {
margin-bottom:20px;
}

#left .moduletablemembersecure ul {
list-style-type:none;
}

#left .moduletablemembersecure ul  li {
font-family: Roboto,verdana;
font-size:14px;
margin-top:5px;
background-image:url(../images/listback.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:35px;
height:23px;
}

#left .moduletablemembersecure ul  li  a {
text-decoration:none;
color:#302f2f;
}

#left .moduletablemembersecure ul  li  a:hover {
text-decoration:underline;
}

#left .moduletablemembersecure ul.menu li.item30 {
display:none;
}

#left .moduletablemembersecure ul.menu li.item31 {
display:none;
}




					/*--------------------main component--------------*/
#main {
min-width:700px;
float:left;

}

#page {
background-color:white;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding:20px;
}

#halaman_about {
height:820px;
/*background-image:url(../images/about-background.jpg);
background-position:bottom right;
background-repeat:no-repeat;*/
}


#main #page, #main p {
width:970px;
margin-left:10px;
/* text-align:justify; */
}


#main #page ul, #main ul {
font-family: Roboto,georgia;
list-style-type:none;
}

#main #page ul li a {
color:#bf3120;
}


#page table tbody tr td strong {
position:relative;
left:5px;
}


#page table tbody tr td p {
padding-right:10px;
}


#main #page h2 {
font-family: Roboto,georgia, serif;
color:#302f2f;
font-size:20px;
width:850px;
background:url(../images/logoback.png) left center no-repeat;
padding-left:35px;
height:32px;
position:relative;

}

#main #page p.buttonheading a img {
border:none;
}

#main #page p , #main p {
font-family: Roboto,georgia, serif;
color:#302f2f;
}

#main #page p  a {
color:#bf3120;
}

#main #page div.contentpaneopen_edit span.hasTip a img {
display:none;
}

.featureCarousel {
background-color:#fff;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
background-image:url(../images/alien.png);
background-position:bottom right;
background-repeat:no-repeat;
}

#clients {
width:1000px;
height:140px;
margin-bottom:50px;
}



					/*------------slider---------------------*/
#slider {
width:1000px;
background-color:white;
-moz-border-radius:10em;
-webkit-border-radius:10em;
border-radius:10em;


}

#slider h3 {
    color: #868383;
    font-family:  Roboto,georgia;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    text-align:center;
}




					/*-------------------sistem dan kurikulum page-------------------------*/
#page table {
font-family: Roboto,verdana;
border:1px solid grey;
font-size:14px;
}

#page table tbody tr td {
border:1px solid grey;
}			

					/*---------------------member area pages------------------------*/
#main form {
width:690px;
margin-left:10px;
}
					
#main form#login img {
display:none;
}	

#main form#login.login_form p {
width:300px;
}

#main form#login p {
font-family: Roboto,georgia;
font-size:18px;
}

#main form#login p  a {
font-family: Roboto,georgia;
font-size:14px;
color:black;
}

#main form input#user.inputbox, #main form input#pass.inputbox {
border:none;
width:200px;
}

#main form input.button {
border:none;
background-color:green;
color:white;
width:120px;
position:relative;
top:10px;
}


					/*--------------------footer------------------------*/
#footer {
width:100%;
margin:0 auto;
margin-top:10px;
clear:both;
text-align:center;
font-family: Roboto,georgia;
height:120px;
background-color:#d5d9da;
font-size:14px;
}

#footer .moduletable {
font-size:13px;
}

#footer .moduletable  a {
color:black;
}

#footer .moduletable_menu ul {
list-style-type:none;
margin-top:5px;
}

#footer .moduletable_menu ul li {
display:inline;
margin-left:25px;

}

#footer .moduletable_menu ul li.item7 {display:none;}

#footer .moduletable_menu ul li a {
text-decoration:none;
color:#bf3120;
font-size:18px;
}

#footer .moduletable_menu ul li a:hover {
text-decoration:underline;
}

#footer .moduletable_menu ul li.item23 {
display:none;
}

						/*--------------chronoform----------------*/
.chronoform a {
display:none;
}

#main form#ChronoContact_registrasi h2 {
font-size:18px;
}

p.buttonheading {
visibility:hidden;
}


 /*-------------------left menu forum diskusi---------*/
#left .moduletablemembersecure ul.menu li.item28 {
display:none;
}


.blog .article_row div.article_column {
background-color:#fff;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
padding:10px;
}

.blog .article_row div.article_column h2.contentheading  {
color:#575655;
text-decoration:none;
font-size:22px;
font-family: Roboto,verdana;
}

.blog .article_row div.article_column h2.contentheading a.contentpagetitle {
color:#575655;
text-decoration:none;
font-size:22px;
font-family: Roboto,verdana;
}

.blog .article_row div.article_column h2.contentheading a:hover.contentpagetitle {
color:#BF3120;
}


.blog .article_row div.article_column p.buttonheading a img {
border:none;
}


a.readmore-link {
width:88px;
height:33px;
background:url(../images/readmore.png) no-repeat;
display:block;
font-size:0;
position:relative;
top:24px;
margin-left:800px;

}


#page h2.contentheading a.contentpagetitle {
color:#575655;
text-decoration:none;
font-size:22px;
font-family:verdana;

}

#page h2.contentheading a:hover.contentpagetitle {
color:#BF3120;
}


div.blog p a img {
border:none;
}

div.blog div.article_row div.article_column p a img {
margin-left:170px;

} 



#main {
margin-bottom:20px;
}

#footer div.moduletable_menu ul.menu {
margin-bottom:15px;
margin-top:10px;
}


.blog p a {
color:#BA3120;
}p#fotografi a img {margin-left:10px;}p#fotografi {text-align:left;}

#page p a {
text-decoration:none;
}

#main div.blog p.counter {text-align:center; margin-bottom:10px;}

#main div.blog ul.pagination {
text-align:center; font-size:20px;}

#main div.blog ul.pagination li {float:left; position:relative;
left:380px; margin-right:10px;
}

#main div.blog ul.pagination li a{
color:#BF3120;
font-size:20px;
}

#main div.blog ul.pagination li {
font-size:20px;
}

.moduletablelogo {
position:absolute;
top:0;
}


.moduletabletwitter {
position:relative;
bottom:15px;
}

#featureCarousel21 a img {
margin-top:12px;

}

.blog h2.contentheading {
margin-bottom:30px;
}


.moduletabletwitter {
margin-top:10px;
}

#page table.preview_box {width:600px; margin-left:80px; border:none;}

#page table.preview_box tr td {text-align:center; border:none;}

#page div.pagenavbar ul li {float:left;margin-right:15px;}


#page table.preview_box tr td div.list {
  position:relative;
  bottom:15px;
}
#page div.pagenavbar ul {margin-left:280px;}